import { CSSProperties } from 'vue'
import { IconPropsType } from '../SIcon'
import { TextEllipsisPropsType } from '../STextEllipsis'

export const Card1PropsType_Name = 'Card1PropsType'

export type Card1PropsType = IconPropsType & {
  // 图标颜色
  iconColor?: string
  // 图标背景颜色在图标颜色基础上的透明度
  iconBgOpacity?: number
  // 图标样式类名
  iconClass?: string | string[]
  // 图标样式
  iconStyle?: string | Partial<CSSProperties>
  // 标题
  title?: string
  // 标题 TextEllipsis Props
  titleEllipsisProps?: TextEllipsisPropsType
  // 标题样式类名
  titleClass?: string | string[]
  // 标题样式
  titleStyle?: string | Partial<CSSProperties>
  // 副标题
  subTitle?: string
  // 副标题 TextEllipsis Props
  subTitleEllipsisProps?: TextEllipsisPropsType
  // 副标题样式类名
  subTitleClass?: string | string[]
  // 副标题样式
  subTitleStyle?: string | Partial<CSSProperties>
  // 是否启用卡片盒子阴影
  boxShadow?: boolean
  // 是否开启鼠标悬浮盒子阴影加深效果
  hoverBoxShadow?: boolean
  // 卡片样式类名
  cardClass?: string | string[]
  // 卡片样式
  cardStyle?: string | Partial<CSSProperties>
}
